<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<base href="<%=basePath%>">
		<!--[if lte IE 6]></base><![endif]-->
		<title>广东科学技术职业学院考生报到系统>>>>招就处</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">

		<link href="css/newindex.css" rel="stylesheet" type="text/css" />
		<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
		<script src="js/jquery-1.5.js" language="javascript">
</script>
		<script src="js/finance.js" language="javascript">
</script>
		<script src="js/newpublic.js" language="javascript">
</script>


		<script language="javascript" type="text/javascript"
			src="js/jquery.flot.js">
			
</script>
	
		<!--                     下面是柱状图所要用到的两个文件         -->

		<script language="javascript" type="text/javascript"
			src="js/Bar-chart.js">
</script>

		<!-- 下面是饼图所要用到的两个文件 -->
		<script type="text/javascript" src="js/jquery.flot.pie.min.js">
</script>
		<script type="text/javascript" src="js/Pie-chart.js">
</script>
				<script src="js/jquery-ui-1.8.5.custom.min.js" language="javascript">
</script>
<script language="javascript">
var collegeId;
var registerBarchart = new BarChart();  //报道情况柱状图

$(function() {
	$("#content").draggable({cancel:".contable"});
	initData();  //初始化选择数据
	
	$("#collegeList").change(function() {
		collegeId = $('#collegeList').val();
		postAndDealRegisterData();
	})
	
})

function update() {
	postAndDealRegisterData();
	setTimeout("update()", 30000);
}

//初始化选择数据
function initData() {
	$.post("json/professionRegisterPaymentAction!initCollegeName", function(
			data) {
		collegesName_Json = eval("(" + data.collegesName_Json + ")");
		$('#collegeList').empty();
		for ( var a in collegesName_Json) {
			$("#collegeList").append(
					"<option value='" + collegesName_Json[a] + "'>" + a
							+ "</option>");
		}
		collegeId = $('#collegeList').val();

		//开始调用数据更新
		update();
	})
}

//发出请求并处理报道情况数据
function postAndDealRegisterData() {
	$.post("json/professionRegisterPaymentAction!allProfessionRegisterInfo",{'collegeId' : collegeId},
			function(data) {
			professionRegisterInfo_Json = eval("(" + data.professionRegisterInfo_Json + ")");
			professionRegisterInfo_Bar = eval("(" + data.professionRegisterInfo_Bar + ")");
			fillRegisterInfo(professionRegisterInfo_Json);
			registerBarchart.buildBarsChart($("#placeholderForBars"), $("#lengendForBars"), professionRegisterInfo_Bar);
	})
}

//填充报道情况数据
function fillRegisterInfo(data) {
	//徐了第一列外其余td删除
	$("tr#professionName td:gt(0)").remove();
	$("tr#studentCount td:gt(0)").remove();
	$("tr#registeredCount td:gt(0)").remove();
	$("tr#registeredFemaleCount td:gt(0)").remove();
	$("tr#registeredMaleCount td:gt(0)").remove();
	
	for(var a in data) {
		var td = $("<td align='center' width='"+ 85/data.length +"%'>" + data[a].professionName + "</td>")
		$("#professionName").append(td);
		
		var td = $("<td align='center'>" + data[a].studentCount + "</td>")
		$("#studentCount").append(td);
		
		var td = $("<td align='center'>" + data[a].registeredCount + "</td>")
		$("#registeredCount").append(td);
		
		var td = $("<td align='center'>" + data[a].registeredFemaleCount + "</td>")
		$("#registeredFemaleCount").append(td);
		
		var td = $("<td align='center'>" + data[a].registeredMaleCount + "</td>")
		$("#registeredMaleCount").append(td);
	}
}
</script>

	</head>

	<body onload="fixPNGAll()">
		<div id="bg">
			<div id="bodydiv">
				<div id="bodytitle">
					招就处
					<div>
						<a href="logoutAction" style="color: #F00;">退出</a>
					</div>
				</div>

				<div id="menudiv">

				<jsp:include page="entrance_header.jsp" />

				</div>
				<div id="content">
					<!--当前位置CSS-->
					<div class="top">
						<div class="topleft">
							<div class="dan">
								<div>
									当前位置>招就处>各学院概况
								</div>
							</div>
							<div class="F5">
								<img src="newimages/F5.png" />
							</div>
						</div>
						<div class="topright">
							<div class="toprightmin"></div>
							<div class="toprightmax"></div>
							<div class="toprightclose" onclick="if(confirm('是否确定退出！')){location.replace('loginoutAction')}" title="点击退出"></div>
						</div>
					</div>
					<!---->
					<!--内容-->
					<div class="condiv">
						<div class="submenu">

						</div>
						<div class="contable">
							<!--******************************-->
							<div class="title">
								各专业报到概况
							</div>
							<table width="80%" border="0" align="center" cellpadding="0"
								cellspacing="8">
								<tr>
									<td height="40" colspan="3" align="left">
										学院：
										<select id="collegeList"">
										</select>
									</td>
								</tr>
							</table>




							<table width="90%" border="0" align="center" cellpadding="0"
								cellspacing="8" id="">
								<tr id="professionName">
									<td width="15%">
										&nbsp;
									</td>
								</tr>
								
								<tr id="studentCount">
									<td align="right">
										总人数：
									</td>
								</tr>
								
								<tr id="registeredCount">
									<td align="right">
										已报到人数：
									</td>
								</tr>
								
								<tr id="registeredMaleCount">
										<td align="right">
											已报到男生总数：
										</td>
								</tr>
								
								<tr id="registeredFemaleCount">
										<td align="right">
											已报到女生总数：
										</td>
								</tr>
								
								<tr>
									<td colspan="8" height="44" align="center"
										style="font-size: 18px; text-align: center;">
										各专业报到率对比图
									</td>
								</tr>
								
								<tr>
									<td colspan="8" align="center">
										<div id="placeholderForBars"
											style="width: 550px; height: 300px; float: left;"></div>
										<div id="lengendForBars" style="float: right; width: 150px"></div>
									</td>
								</tr>
							</table>


							<!-------**********************************-------->
							<!----------------------------------------------->
						</div>
					</div>
					<!---->
					<!---->
					<div class="condiv"
						style="width: 997px; position: relative; height: 20px; min-height: 20px; text-align: center;">
						<a href="computer/computer.html" target="_blank">计算机学院程序员之家</a>
					</div>
					<!---->

					<!--低部-->
					<div class="bottom">
						&nbsp;
					</div>
					<!---->
				</div>
			</div>
		</div>
	</body>
</html>
